

header {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-auto-columns: min-content;
    justify-content: space-between;
    align-items: center;

    @media (min-width: 35rem) {
        justify-content: space-around;
    }
}

header h1 {
    font-size: 3rem;

    @media (min-width: 35rem) {
        font-size: 4rem;
    }
    @media (min-width: 40rem) {
        font-size: 5rem;
    }
}


header nav,
.nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

